<template>
    <div class="login-bg">
        <div class="h-screen flex justify-center p-8">
            <div class="w-full flex flex-col">
                <LoginTitle />
                <LoginForm />
            </div>
        </div>
    </div>
</template>

<script setup name="Login">
import LoginTitle from './LoginTitle.vue';
import LoginForm from './LoginForm.vue';
</script>

<style>
.login-bg {
    background: url('/src/assets/login-bg.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
    overflow: hidden;
}
</style>